div.today_event{
	width: 100%;
	height: 55px;
	background: url("../../image/today_eventbg.jpg") repeat-x scroll 0 0 transparent;
	min-width: 1230px;
}
div.today_event div.today_center{
	width: 1230px;
	margin: 0 auto;
}
div.today_center div.today_centerleft{
	width: 800px;
	padding-top:15px;
	float: left;
}
div.today_center div.today_centerleft a.et_item_addclip{
    background: url("../../image/et_btm_addclip.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 78px;
}
div.today_center div.today_centerleft a.et_item_addclip:hover{
	background-position: 0 -25px;
}
div.today_center div.today_centerright{
	width: 378px;
	padding-top:10px;
	float: right;
}
div.tevent_title{
	width: 570px;
	height: 35px;
	float: left;
	margin-left: 25px;
}

div.tevent_title *{
	float:left;
	color: #414141;
	font-size: 14px;
	font-weight: bold;
}

div.tevent_title span.mtime{
	font-size: 14px;
	margin: 0 15px;
	padding: 0px;
}

div.tevent_title span{
	line-height: 20px;
}

div.tevent_title div.time{
	/*float: left;
	color: #4c6969;
	font-size: 18px;*/
}
div.tevent_title div.time *{
	/*float: left;
	color: #4c6969;
	font-size: 18px;*/
}
div.invite_mouth_fun{
	font-size:12px;
	margin:0 auto;
	width: 350px;
	height: 45px;
	background:url(../../image/clip_view_time_fun.png) no-repeat;
}

div.invite_mouth_fun a{
	width:30px;
	height:20px;
	display:block;
	float:left;
	margin:0 3px;
	margin-top:4px;
	cursor:pointer;
}
div.invite_mouth_fun a.y_left{
	background:url(../../image/arrow.png) 0px 0px  ;
}
div.invite_mouth_fun a.y_left:hover{
	background:url(../../image/arrow.png) -30px 0px  ;
}
div.invite_mouth_fun a.y_right{
	background:url(../../image/arrow.png) 0px -40px  ;
}
div.invite_mouth_fun a.y_right:hover{
	background:url(../../image/arrow.png) -30px -40px  ;
}
div.invite_mouth_fun a.m_left{
	background:url(../../image/arrow.png) 0px -20px  ;
}
div.invite_mouth_fun a.m_left:hover{
	background:url(../../image/arrow.png) -30px -20px  ;
}
div.invite_mouth_fun a.m_right{
	background:url(../../image/arrow.png) 0px -60px;
}
div.invite_mouth_fun a.m_right:hover{
	background:url(../../image/arrow.png) -30px -60px  ;
}
div.invite_mouth_fun select{
	float:left;
	font-size: 12px;
    margin: 5px 5px 0 0;
    width: 55px;
}
div.invite_mouth_fun select option{
	font-size:12px;
}

div.invite_mouth_fun span.btm_tmonth{
	float:left;
	height:21px;
	width:30px;
	background:url(../../image/btm_tmonth.png) no-repeat 0 0;
	font-size:11px;
	cursor:pointer;
	color:#FFF;
	margin:3px 0 0 5px;
	text-align:center;
}
div.invite_mouth_fun span.btm_tmonth:hover{
	background:url(../../image/btm_tmonth.png) no-repeat -30px 0;
}
div.invite_mouth_fun span{
	float:left;
	width: 15px;
	height: 15px;
	margin-top:5px;
	background:url(../../image/nyzrd.png) no-repeat;
}
div.invite_mouth_fun span.nian{
	background-position: 0px 0px;
}
div.invite_mouth_fun span.yue{
	background-position: 0px -15px;
}

div.top{
	width: 100%;height: 10px;
	background: url('../../image/setphotobg.jpg') repeat scroll 0 0 transparent;
	min-width: 1230px;
}
div.mainpage {
    background: #C0D1DB;
    color: #111111;
    font-size: 12px;
    padding: 0 0 30px 0;
    vertical-align: top;
    width:100%;
    min-width: 1230px;
    margin-top: 47px;
}
table.center{
	width: 1230px;
	margin: 0 auto;
	margin-top: 2px;
}
div.view_box {
    float: left;
    min-width: 600px;
    min-height:550px;
    position: relative;
    width: 97%;
    background: #ffffff;
    border: 1px solid #A0A0A3;
}

div.view_box div.view_box_top{
	height: 14px;width: 100%;float: left;
}

div.view_box div.view_box_top div.corner{
	background: url('../../image/set_ctday/maincorner.jpg');height: 14px;width: 14px;
	float: right; margin-top: -1px; margin-right: -1px;
}

div.view_box button.createcircle {
    background: url("../../image/cal_centeroptline_createcircle.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 31px;
    padding: 0;
    width: 80px;
    margin-top: 20px;
    margin-right: 20px;
}
div.view_box button.createcircle:hover {
    background-position: 0 -31px;
}
div.view_box button.createcircle:active {
    background-position: 0 -62px;
}
div.view_box button.addclip {
    background: url("../../image/cal_centeroptline_addclip.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 31px;
    margin-right: 15px;
    padding: 0;
    width: 80px;
    margin-top: 20px;
}
div.view_box button.addclip:hover {
    background-position: 0 -31px;
}
div.view_box button.addclip:active {
    background-position: 0 -62px;
}

div.view_box div.unlogin_title{
	float:left; 
	width: 807px;
	height: 46px;
	background: url("../../image/unlogin_title.jpg");
	position: relative;
	top:-1px;
	left: -1px;
}
div.view_box div.unlogin_title button.register {
	background: url("../../image/sub_top_unlogin_register.png") repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	float: right;
	height: 31px;
	margin-right: 56px;
	margin-top: 10px;
	padding: 0;
	width: 65px;
}
div.view_box div.unlogin_title button.login {
	background: url("../../image/sub_top_unlogin_login.png") repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	float: right;
	height: 31px;
	margin-right: 20px;
	margin-top: 10px;
	padding: 0;
	width: 65px;
}
div.view_box div.unlogin_title button:hover{
	background-position: 0 -31px;
}
div.view_box div.unlogin_title button:active{
	background-position: 0 -62px;
}
div.view_box div.view_box_title{
	float:left;width: 100%;height: 24px;
	margin-top: 5px;
}
div.view_box div.user_title{
	height: 100px;margin-bottom: 10px;
}
div.view_box div.spuser_title{
	height:185px;
	padding-top: 25px;
	margin-top: 0;
}
div.view_box div.spuser_title div.dimensioncode{
	height:150px;
	width:150px;
	float:right;
	margin-right: 35px;
	display: none;
}
div.view_box div.spuser_title div.userbiglogo{
	margin-top: 10px;
}

div.view_box div.view_box_title div.sharetitle{
	font-size: 14px;color:#353535;font-weight: bold;text-align: left;width: 160px;line-height: 20px;
	float: left;border: 0;
	margin: 0;
}
div.view_box div.view_box_title div.sharefriend{
	font-size: 14px;color:#353535;font-weight: bold;text-align: center;width: 160px;line-height: 30px;
	float: left;
	width: 230px;
	height: 30px;
	background: url("../../image/share/sharetitlebg.png") 0 -30px;
	margin-left: 278px;
}
div.view_box div.view_box_title div.shareall{
	font-size: 14px;color:#353535;font-weight: bold;text-align: center;width: 160px;line-height: 30px;
	float: left;
	width: 230px;
	height: 30px;
	background: url("../../image/share/sharetitlebg.png") 0 0px;
	margin-left: 278px;
}

div.view_box div.view_box_title div.userbiglogo{
	width: 100px;
	height: 100px;
	float: left;
	background: url("../../image/clipbig.jpg");
	margin-left: 40px;
}
div.view_box div.view_box_title ul.userinfobox{
	float: left;
	height: 100px;
	width: 400px;
	list-style: none;
	margin: 0 0 0 40px;
}
div.view_box div.view_box_title ul.spuserinfobox{
	margin-top: 38px;
	height: 50px;
}
ul.userinfobox li{
	float: left;
	width: 100%;
	padding-left: 12px;
}
ul.userinfobox li.username{
	color: #535353;
	margin: 12px 0 2px;
	font-size: 12px;
}
ul.userinfobox li.other{
	color: #535353;
	margin: 2px 0;
}
ul.userinfobox li.other span{
	float: left;
}
ul.userinfobox li a.homepage{
	width: 72px;
	height: 19px;
	float: left;
	background: url("../../image/userhomepage.png");
	cursor: pointer;
}
ul.userinfobox li a.homepage:hover{
	background-position: 0 -19px;
}
ul.userinfobox li a.address{
	width: 58px;
	height: 19px;
	float: left;
	background: url("../../image/user_addressbtn.png");
	cursor: pointer;
	margin-right: 10px;
}
ul.userinfobox li a.address:hover{
	background-position: 0 -19px;
}
ul.userinfobox li div{
	border:1px solid #b0b3b5 ;
	float:left;
	height:14px;
	padding:2px 5px 1px;
	background:#ffffff;
	margin-left:35px;
}
ul.userinfobox li span.sex{
	background: url("../../image/clip_sexicon.png") repeat scroll 0 0 transparent;
	cursor: default;
	float: left;
	height: 16px;
	margin-left: 4px;
	margin-top:2px;
	width: 16px;
}
ul.userinfobox li span.female{
	background-position: -16px 0;
}
ul.userinfobox li div span.icon{
	float: left;
	width: 14px;
	height: 14px;
	background: url("../../image/subscribecount_head.png");
	cursor: default;
}
ul.userinfobox li div span.count{
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #818181 ;
	margin-left: 5px;
	cursor: default;
}
ul.userinfobox li a.subscribe{
	float: left;
	cursor: pointer;
	background: url("../../image/btn_subscribe.png") repeat scroll 0 0 transparent;
	height: 19px;
	width: 40px;
	margin-left: 5px;
}
ul.userinfobox li a.subscribe:hover{
	background-position: 0 -19px;
}
ul.userinfobox li a.unsubscribe {
	background: url("../../image/btn_unsubscribe.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 19px;
	width: 68px;
	margin-left: 5px;
}
ul.userinfobox li a.unsubscribe:hover{
	background-position: 0 -19px;	
}
ul.userinfobox li a.alreadysubscribe{
	background: url("../../image/btn_alreadysubscribe.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 19px;
	width: 57px;
	margin-left: 5px;
	
}
div.view_box div.view_box_title div.sharetitle span{
	line-height: 20px;
	margin-left: 2px;
}

div.view_box div.view_box_title button{
	width: 68px;
	height: 18px;
	border: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-top:2px;
	float: left;
	
}
div.view_box div.view_box_title button.deletefriend{
	background: url("../../image/friendadddelete.png") -68px 0;
	cursor:pointer;
}
div.view_box div.view_box_title button.deletefriend:hover{
	background-position: -68px -18px;
}
div.view_box div.view_box_title button.deletefriend:active{
	background-position: -68px -36px;
}
div.view_box div.view_box_title button.addfriend{
	background: url("../../image/friendadddelete.png") 0px 0;
	cursor:pointer;
}
div.view_box div.view_box_title button.addfriend:hover{
	background-position: 0px -18px;
}
div.view_box div.view_box_title button.addfriend:active{
	background-position: 0px -36px;
}
div.view_box div.view_box_title button.disaddfriend{
	cursor:default;
	background: url("../../image/friendadddelete.png") 0px 0;
	background-position: 0px -54px;
}
div.updateshares{
	height: 14px;background: #f9deb6;padding: 4px 18px;float: right;margin-right: 55px;
	font-size: 14px;
	font-weight: 700;
	color: #353434;
	cursor: pointer;
	line-height: 16px;
}

div.row {
    background: url("../../image/user_shaft.png") no-repeat scroll transparent;
    empty-cells: show;
    float: left;
    height: 10px;
    overflow: hidden;
    position: relative;
    right: 10px;
    table-layout: fixed;
    top: 18px;
    width: 40px;
    display: block;
}

table.invite_time_week {
    empty-cells: show;
    float: left;
    table-layout: fixed;
    width: 91%;
    height: 35px;
    margin-left: 20px;
}
table.invite_time_week tr td.tod{
	height: 28px;	
	width: 100px;
	text-align: left;
	border-bottom: 7px solid #357aa0;
	font-size: 16px;
	font-weight: 700;
	color: #357aa0;
}
table.invite_time_week tr td.tom{
	height: 28px;	
	width: 100px;
	text-align: left;
	border-bottom: 7px solid #76cbc8;
	font-size: 16px;
	font-weight: 700;
	color: #76cbc8;
}

table.invite_week{
	width:91%;
	margin-left:20px;
	border-left:2px #aaaaaa solid;
	table-layout:fixed;
	empty-cells:show;
	background:#FFFFFF;
	float:left;
}

table.invite_week td{
}
table.invite_week td.part{
	margin:0;
	padding:0;
	height:2px;
	overflow:hidden;
	table-layout:fixed;
	empty-cells:show;
	font-size:1px;
	line-height:1px;
	background:url(../../image/shaft.png) repeat-x 0 0px;
}
div.shaft_col {
    background: url("../../image/shaft.png") no-repeat scroll 14px -45px transparent;
    float: left;
    height: 55px;
    width: 26px;
}

table.invite_week td{
	text-align:center;
	font-size:12px;
	border-bottom:1px dashed #C2C2C2;
	border-right:1px #CDCDCD solid;
	/*background:url(../../image/week_noevent.jpg);*/
}

table.invite_week td div.simple{
	width: 729px;
	height: 34px;
	background: #ffffff;
}

	table.invite_week td div.simple span.head{
		float:left;
		margin: 2px 0 0 6px;
		background: #000000;
		width: 30px;
		height: 30px;
	}
	table.invite_week td div.simple span.name{
		float: left;
		margin-top: 2px;
		margin-left:10px;
		line-height: 30px;
		font-size: 12px;
		color:#161616 ;
		height: 30px;
	    text-align: left;
	    width: 120px;
	}
	table.invite_week td div.simple span.name a{
		float: left;
	    width: auto;
	}
	table.invite_week td div.simple span.name a.maxname{
		width: 100px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	table.invite_week td div.simple span.name span.v_icon{
		float: left;
		margin-left: 2px;
		margin-top: 8px;
		background: url("../../image/v.png");
		width: 14px;
		height: 14px;
	}
	table.invite_week td div.simple img.ri {
	    float: left;
	    margin-right: 10px;
	}
	table.invite_week td div.simple img.ce {
	    float: left;
	    margin-right: 1px;
	    margin-top: 2px;
	}
	table.invite_week td div.simple span.title{
		float: left;
		margin-top: 2px;
		line-height: 30px;
		font-size: 12px;
		color:#161616 ;
		height: 30px;
		width: 330px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    text-align: left;
	}
	table.invite_week td div.simple span.icon{
		float: left;
		width: 16px;
		height: 16px;
		margin-top: 10px;
	}
	table.invite_week td div.simple span.time{
		float: left;
		margin-top: 2px;
		margin-right:6px;
		line-height: 30px;
		font-size: 12px;
		color:#161616 ;
		height: 30px;
		width: 120px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	table.invite_week td div.simple span.ocopen{
		float: right;
		margin-right:10px;
		margin-top: 11px;
		line-height: 30px;
		height: 12px;
		width: 14px;
		background: url("../../image/daydetailoc.png");
		background-position: 0 -12px;
		cursor: pointer;
	}
	
	table.invite_week td div.simple span.emptytxt{
	  	float: left;
		line-height: 16px;
		margin-left: 350px;
		margin-top: 9px;
		text-align: left;
	}
	table.invite_week td div.detail{
		background: #eef3f9;
		width: 730px;
		float: left;
		padding-bottom: 20px;
		display: none;
	}
	table.invite_week td div.detailfwbg{
		background: #fff;
	}
	
	table.invite_week td div.detail div.headline{
		float: left;
		height: 60px;
		width: 100%;
		margin: 20px 0 0 0;
	}
	table.invite_week td div.detail div.detailmain{
		float: left;
		height: auto;
		width: 700px;
		margin-left: 20px;
	}
	table.invite_week td div.detailfwbg div.headline{
		margin-bottom: 20px;
	}
	table.invite_week td div.detailfwbg div.detailmain{
		background: #eef3f9;
		border-radius:6px;
	}
	
	table.invite_week td div.detail div.headline a.userlogo{
		float: left;
		margin-left: 20px;
		height: 60px;
		width: 60px;
		cursor: pointer;
	}
	table.invite_week td div.detail div.headline div.infoandtitle{
		float: left;height: 60px;width: 400px;margin-left: 10px;
	}
	
	table.invite_week td div.detail div.headline  div.infoandtitle div.info{
	
		float: left;height: 30px;margin-top: 5px;width: 400px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.name{
		float: left;font-size: 14px;font-weight: bold;color: #000;line-height: 30px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.name a{
		width: 100%;
		height: 100%;
		display: block;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.v_icon{
		background: url("../../image/v.png") repeat scroll 0 0 transparent;
		height: 14px;
		margin-left: 2px;
		margin-top: 8px;
		width: 14px;
		float: left;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_l{
		float: left;width: 70px;height: 30px;margin-left: 20px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_l span.sourcetitle{
		float: left;line-height: 28px;color: #000;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_l i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_l i.request{
		float: left;
		width: 51px;
		height: 20px;
		background: url("../../image/clipevent_request.png");
		margin-top: 5px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_l i.invite{
		float: left;
		width: 51px;
		height: 20px;
		background: url("../../image/clipevent_invite.png");
		margin-top: 5px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_l i.forward{
		float: left;
		width: 51px;
		height: 20px;
		background: url("../../image/clipevent_forward.png");
		margin-top: 5px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_r{
		float: right;width: 110px;height: 30px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_r span.sourcetitle{
		float: left;line-height: 28px;color: #000;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_r i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_r i.sourcelogo a{
		width: 30px;
		height: 30px;
		display: block;
	}
	
	table.invite_week td div.detail div.headline  div.infoandtitle div.info span.source_r span.v_icon{
		background: url("../../image/v.png") repeat scroll 0 0 transparent;
		height: 14px;
		margin-left: 2px;
		margin-top: 16px;
		width: 14px;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.title{
		float: left;height: 20px;margin-top: 4px;width: 400px;border-bottom: 1px solid #cdcdcd;
	}
	table.invite_week td div.detail div.headline  div.infoandtitle div.title a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	
	table.invite_week td div.detail div.headline div.cliptime{
		float: left;
		width: 400px;
		height: 20px;
		
	}
	table.invite_week td div.detail div.headline div.cliptime span.title{
		color:#EF3965;
		float: left;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
	table.invite_week td div.detail div.headline div.cliptime span.val{
		color:#EF3965;
		float: left;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		font-weight: bold;
	}
	table.invite_week td div.detail div.headline a.opt{
		float: right;
		font-size: 12px;
		margin-right: 10px;
	}
	table.invite_week td div.detail div.headline a.occlose{
		float: right;
		margin-right:25px;
		line-height: 30px;
		height: 12px;
		width: 14px;
		background: url("../../image/daydetailoc.png");
		cursor: pointer;
		
	}
	
	
	
	div.detail ul.detaillist {
	    float: left;
	    list-style: none outside none;
	    margin: 10px 10px 20px 0px;
	    padding: 0;
	    width: 490px;
	}
	ul.detaillist li {
	    float: left;
	    font-size: 12px;
	    height: 16px;
	    padding: 6px 0;
	    width: 100%;
	}
	ul.detaillist li.last{
		height: auto;
		margin-top:20px;
	}
	ul.detaillist li.firstline{
		height: 60px;
	}
	ul.detaillist li.firstline a.userlogo{
		float: left;height: 60px;width: 60px;cursor: pointer;
	}
	ul.detaillist li.firstline  div.infoandtitle{
		float: left;height: 60px;width: 400px;margin-left: 10px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info{
		float: left;height: 30px;margin-top: 5px;width: 400px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.name{
		float: left;font-size: 14px;font-weight: bold;color: #000;line-height: 30px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.v_icon{
		background: url("../../image/v.png") repeat scroll 0 0 transparent;
		height: 14px;
		margin-left: 2px;
		margin-top: 8px;
		width: 14px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l{
		float: left;width: 70px;height: 30px;margin-left: 20px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l span.sourcetitle{
		float: left;line-height: 28px;color: #000;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.request{
		float: left;
		width: 51px;
		height: 20px;
		background: url("../../image/clipevent_request.png");
		margin-top: 5px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.invite{
		background: url("../../image/clipevent_invite.png") repeat scroll 0 0 transparent;
		float: left;
		height: 20px;
		margin-top: 5px;
		width: 51px;
				
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.forward{
		background: url("../../image/clipevent_forward.png") repeat scroll 0 0 transparent;
		float: left;
		height: 20px;
		margin-top: 5px;
		width: 51px;
				
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r{
		float: right;width: 110px;height: 30px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r span.sourcetitle{
		float: left;line-height: 28px;color: #000;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r span.v_icon{
		background: url("../../image/v.png") repeat scroll 0 0 transparent;
		height: 14px;
		margin-left: 2px;
		margin-top: 16px;
		width: 14px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.title{
		float: left;height: 20px;margin-top: 4px;width: 400px;border-bottom: 1px solid #cdcdcd;
	}
	ul.detaillist li.firstline  div.infoandtitle div.title a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li.sourcelogo{
		padding-top: 0;
		height: auto;
	}
	ul.detaillist li.sourcelogo div.title {
		height: 35px;
	}
	ul.detaillist li.sourcelogo div.title span.title{
		margin-top: 8px;
	}
	ul.detaillist li.sourcelogo div.title i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	ul.detaillist li.sourcelogo div.title i.sourcelogo a{
		width: 30px;
		height: 30px;
		display: block;
	}
	ul.detaillist li.secondline{
		padding-top: 0px;
	}
	ul.detaillist li div.title{
		float: left;height: 20px;width: 400px;border-bottom: 1px solid #cdcdcd;margin-left: 70px;
	}
	ul.detaillist li div.title span.titleval{
		float: left;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width:280px;
	}
	ul.detaillist li div.title span.titleval font{
		margin: 0 2px;
	}
	ul.detaillist li div.title span.titleval font:FIRST-CHILD{
		margin-left: 0px;
	}
	ul.detaillist li div.title a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li div.cliptime{
		float: left;height: 20px;margin-top: 4px;width: 400px;border-bottom: 1px solid #cdcdcd;
	} 
	ul.detaillist li div.cliptime a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li div.alerttime{
		float: left;height: 20px;margin-top: 2px;width: 400px;border-bottom: 1px solid #cdcdcd;margin-left: 70px;
	}
	ul.detaillist li div.alerttime a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li div.setalert{
		float: left;height: 20px;margin-top: 2px;width: 400px;border-bottom: 1px solid #cdcdcd;margin-left: 70px;
	}
	ul.detaillist li div.setalert input.data{
		float: left;
		width: 85px;
		padding: 0;
		height: 14px;
		line-height: 14px;
	}
	ul.detaillist li div.setalert div.timebg{
		float: left;
		margin-left: 6px;
	}
	ul.detaillist li div.setalert div.timebg a.minus{
		background: url("../../image/timeselectopt.png") repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 18px;
		width: 13px;
	}
	ul.detaillist li div.setalert div.timebg input{
		border: 1px solid #8BAAD9;
		border-width:1px 0;
		float: left;
		height: 16px;
		padding: 0 4px;
		text-align: center;
		width: 14px;
	}
	ul.detaillist li div.setalert div.timebg a.plus{
		background: url("../../image/timeselectopt.png") repeat scroll -13px 0 transparent;
		display: block;
		float: right;
		height: 18px;
		width: 13px;
	}
	ul.detaillist li div.setalert span.normal{
		float: left;
		font-size: 12px;
		min-height: 18px;
		padding: 3px;
		text-align: left;
		line-height: 12px;
	}
	ul.detaillist li div.detailcontent{
		/*border-bottom: 1px solid #CDCDCD;*/
		float: left;
		height: auto;
		margin-left: 70px;
		margin-top: 2px;
		width: 400px;
		padding-bottom: 6px;
	}
	ul.detaillist li div.detailcontent p{
		width: 260px;
		float: left;
		margin-left: 0px;
		text-align: left;
	}
	ul.detaillist li.detail div.clippic{
		float: left;
		width: 60px;
		height: auto;
		background: #ffc694;
		margin-left: 70px;
		margin-top: 4px;
		text-align: center;
	}
	ul.detaillist li.detail div.w_clippic{
		width: auto;
		height: auto;
		float: left;
		margin-left: 134px;
		margin-top: 16px;
		text-align: center;
		background: none;
	}
	ul.detaillist li.detail div.bigcursor{
		cursor:url("../../image/cursor/big.cur"), auto !important;
	}
	ul.detaillist li.detail div.smallcursor{
		cursor:url("../../image/cursor/small.cur"), auto !important;
	}
	ul.detaillist li.detail div img.bigcursor{
		cursor:url("../../image/cursor/big.cur"), auto !important;
	}
	ul.detaillist li.detail div img.smallcursor{
		cursor:url("../../image/cursor/small.cur"), auto !important;
	}
	ul.detaillist li span {
	    color: #885811;
	    float: left;
	    cursor: default;
	}
	ul.detaillist li span.title {
	    color: #27518B;
	    font-weight: bold;
	    text-align: right;
	    width: 65px;
	}
	ul.detaillist li span.cliptitle {
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width:280px;
	}
	ul.detaillist li span.detaillogo {
	    cursor: pointer;
	    height: 30px;
	    width: 30px;
	}
	ul.detaillist li span.detailname {
		margin-left: 10px; 
		margin-top: 8px; 
		text-decoration: none; 
		cursor: pointer;
	}
	ul.detaillist li span.v_icon {
	  background: url("../../image/v.png") repeat scroll 0 0 transparent;
	  height: 14px;
	  margin-left: 2px;
	  margin-top: 8px;
	  width: 14px;
	}
	ul.detaillist li span.longvalue{
		width: 370px;
		word-wrap:break-word; overflow:hidden;
	}
	ul.detaillist li p {
	    color: #885811;
	    margin: 0 0 0 65px;
	}
	ul.detaillist li span b {
	    float: left;
	    font-weight: normal;
	}
	ul.detaillist li span b.edt_before {
	    background: none repeat scroll 0 0 #b7aa00;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li span b.edt_ing {
	    background: none repeat scroll 0 0 #009900;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li span b.edt_over {
	    background: none repeat scroll 0 0 #333399;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li span b.edt_stop {
	    background: none repeat scroll 0 0 #FF0000;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	div.arrow_box{
		/*position: relative;
		background: #c2e1f5 ;
		margin-top: -30px;*/
		margin-top: 20px;
		float:left;
		border-radius:6px;
		height: auto;
		width: 550px;
		margin-left: 54px;
		padding: 10px 20px;
	}
	/*
	ul.detaillist li div.arrow_box:after{
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	ul.detaillist li div.arrow_box:after{
		border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5;
		border-width: 10px;
		left: 20%;
		margin-left: -30px;
	}*/
	div.arrow_box span.info{
		color: #27518B;
		float: left;
		font-size: 12px;
		line-height: 26px;
		margin-top:9px;
		margin-left:16px;
		font-weight: bold;
	}
	div.arrow_box ul {
	    list-style: none outside none;
	    margin: 0px 0 0 10px;
	    padding: 0;
	    width: 430px;
	}
	div.arrow_box ul li {
	    background: none;
	    cursor: pointer;
	    float: left;
	    height: 38px;
	    margin: 5px;
	    padding: 0;
	    width: 38px;
	}
	div.arrow_box ul li.iton{
		background: url("../../image/userlogo_frame.png");
	}
	div.arrow_box ul li a{
		width: 30px;
		height: 30px;
		margin-top: 4px;
		margin-left: 4px;
		float: left;
	}
	div.arrow_box ul li.addbtn{
		width: 190px;
		height: 30px;
		margin: 6px 14px 5px;
	}
	div.arrow_box ul li.addbtn a{
		float:left;
		width: 30px;
		height: 30px;
		display:block;
		background: url("../../image/continue_add.jpg");
		cursor: pointer;
	}
	div.arrow_box ul li.addbtn a:hover{
		background-position: 0 -30px;
	}
	div.arrow_box ul li.addbtn span.tip{
		float: left;
		color: #27518B;
		font-size: 12px;
		margin-left: 5px; margin-top: 15px;
	}
	div.arrow_box div.btnline{
		height: 33px;
		width: 500px;
		float: left;
	}
	div.arrow_box div.btnline span.info{
		color: #27518B;
		float: left;
		font-size: 12px;
		line-height: 26px;
		margin-top:4px;
		margin-left:16px;
		font-weight: bold;
	}
	div.arrow_box div.btnline button.confirmevent{
		float: left;
		width: 75px;
		height: 33px;
		background: url("../../image/clip_confirmeventbtn.png");
		border: 0;
		padding:0;
		cursor: pointer;
		margin-left: 20px;
	}
	div.arrow_box div.btnline button.confirmevent:hover{
		background-position: 0 -33px;
	}
	div.arrow_box div.btnline button.forward{
		float: left;
		width: 75px;
		height: 33px;
		background: url("../../image/clip_forwardbtn.png");
		border: 0;
		padding:0;
		cursor: pointer;
		margin-right: 20px;
	}
	div.arrow_box div.btnline button.forward:hover{
		background-position: 0 -33px;
	}
	div.arrow_boxtop{
		z-index: 99; 
		position: relative;
		top: 6px; left: 54px;
		display:block; 
		width: 60px;
		height:60px;
		background: none; 
		margin: 0;
		min-width: auto;
		
	}
	div.zonecontent {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px inset #828385;
	    float: left;
	    height: auto;
	    margin-left: 85px;
	    width: 380px;
	    margin-top: 10px;
	}
	div.zonecontent div.share-choose {
	    float: left;
	    margin: 10px 0 0 46px;
	    width: 95%;
	}
	div.zonecontent div.share-choose a.sharegroupicon{
		background: url("../../image/addclip_sharegroupicon.png") repeat scroll 0 0 transparent;
		cursor: pointer;
		float: left;
		height: 20px;
		margin-left: 10px;
		width: 20px;
	}
	
	div.zonecontent div.share-choose span.share-title {
	    color: #15120B;
	    float: left;
	    font-size: 13px;
	    font-weight: 700;
	    line-height: 20px;
	}
	div.zonecontent div.share-choose span.share-radiocontent {
		color: #15120B;
	    float: left;
	    font-size: 13px;
	    font-weight: 700;
	    line-height: 20px;
	}
	div.zonecontent div.share-choose b.clipradiobtn {
		background: url("../../image/clipradiobutton.png") repeat scroll 0 0 transparent;
		cursor: pointer;
		float: left;
		height: 12px;
		width: 12px;
	    margin-top: 4px;
	    margin-right: 4px;
	    margin-left: 10px;
	}
	div.zonecontent div.share-choose b.clipradiobtnon {
		background-position:0 -12px;
	}
	div.zonecontent div.share-choose b.clipradiobtnon {
		background-position:0 -12px;
	}
	div.zonecontent div.share-choose a.sharegroupicon{
		background: url("../../image/addclip_sharegroupicon.png") repeat scroll 0 0 transparent;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 20px;
	}
	div.zonecontent div.share-choose a.shareusericon{
		background: url("../../image/addclip_shareusericon.png") repeat scroll 0 0 transparent;
		cursor: pointer;
		float: left;
		height: 20px;
		width: 20px;
	}
	span.share-errorinfo {
	    color: #FF0000;
	    float: left;
	    font-size: 11px;
	    line-height: 20px;
	    margin-left: 30px;
	    text-align: right;
	    width: 265px;
	}
	div.zonecontent div.share-contactchooseout {
	    float: left;
	    margin: 4px 0 0 50px;
	    width: 300px;
	}
	
	div.zonecontent div.share-contactchooseout ul.listcontent{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #6B8EA2;
		float: left;
		list-style: none outside none;
		margin: 10px 0 0;
		padding: 4px 6px;
		width: 276px;
		display: none;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li {
	    background: none repeat scroll 0 0 #AEBCC8;
	    float: left;
	    height: 16px;
	    margin: 2px 6px 0 0;
	    padding: 3px 2px 3px 0;
	    width: auto;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li span.name {
	    cursor: default;
	    float: left;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 16px;
	    margin: 0 5px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li div.opt {
	    background: url("../../image/quickclip/contactline.jpg") no-repeat scroll left center transparent;
	    float: left;
	    padding-left: 8px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.email {
	    background: url("../../image/clipemailnotice.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 10px;
	    margin: 3px 2px 0 0;
	    width: 16px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.emailonit {
	    background: url("../../image/clipemailnotice.png") repeat scroll 0 -10px transparent;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.mobilemsg {
	    background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    width: 10px;
	    margin-top: 0px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.mobilemsgonit {
	    background: url("../../image/clipmobilenotice.png") repeat scroll 0 -16px transparent;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.close {
	    background: url("../../image/quickclip/contactclose.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 6px;
	    margin-left: 6px;
	    width: 6px;
	    margin-top: 0px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li span.groupicon {
	    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
	    float: left;
	    height: 18px;
	    width: 16px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li span.groupname {
	    color: #393939;
	    cursor: default;
	    float: left;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 16px;
	    margin-left: 2px;
	    margin-top: 1px;
	    overflow: hidden;
	    text-align: left;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 55px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li span.groupcount {
	    color: #393939;
	    cursor: default;
	    float: left;
	    font-size: 12px;
	    line-height: 16px;
	    margin-left: 3px;
	}
	div.zonecontent div.share-contactchooseout ul.listcontent li a.gclose {
	    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
	    float: right;
	    height: 6px;
	    margin: 4px 2px 0 15px;
	    width: 6px;
	}
	
	div.zonecontent div.share-contactchoosebtn button.close {
	    background: url("../../image/daydetailcontent_close.png") ;
	    border: 0 none;
	    cursor: pointer;
	    display: block;
	    float: right;
	    height: 20px;
	    margin: 0 10px 0 0px;
	    padding: 0;
	    width: 50px;
	}
	div.zonecontent div.share-contactchoosebtn button.close:hover {
	    background-position: -50px 0px;
	}
/* 	div.detail a.occlose{ */
/* 		float: right; */
/* 		margin-right:10px; */
/* 		margin-top: 11px; */
/* 		line-height: 30px; */
/* 		height: 12px; */
/* 		width: 14px; */
/* 		background: url("../../image/daydetailoc.png"); */
/* 		cursor: pointer; */
		
/* 	} */
	div.detail div.btnzone{
		float: left;
		margin-left: 90px;
		width: 598px;
		height: auto;
		padding-bottom:5px;
		border-bottom: 1px solid #CDCDCD;
	}
	div.detail div.btnzone div.line{
		width: 100%;
		height: 22px;
		float: left;
		margin-top: 10px;
	}
	div.detail div.btnzone div.commentline{
		display: none;
	}
	div.detail div.btnzone div.line a.del{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_del.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.interest{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_interest.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.interest:hover{
		background: url("../../image/clipdetail_uninterest.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.uninterest{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_uninterest.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.uninterest:hover{
		background: url("../../image/clipdetail_interest.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.forward{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_forward.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.comment{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_comment.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.favor{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_favor.png") left no-repeat;
		padding-left:20px;
		padding-right:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.favor:hover{
		background: url("../../image/clipdetail_unfavor.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.unfavor{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_unfavor.png") left no-repeat;
		margin-left:10px;
		padding-left:20px;
		padding-right:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.unfavor:hover{
		background: url("../../image/clipdetail_favor.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.quitclip{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_quit.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.msgopen{
		float: right;
		height: 22px;
		background: url("../../image/clipdetail_acceptstatus.png") 0 -22px no-repeat;
		padding-left:24px;
		line-height: 22px;
		font-size: 12px; 
		width: 53px;
	}
	div.detail div.btnzone div.line a.msgopen:hover{
		background-position: 0 0px;
	}
	div.detail div.btnzone div.line a.msgclose{
		float: right;
		height: 22px;
		background: url("../../image/clipdetail_acceptstatus.png") left top no-repeat;
		padding-left:24px;
		line-height: 22px;
		font-size: 12px; 
		width: 53px;
	}
	div.detail div.btnzone div.line a.msgclose:hover{
		background-position: 0 -22px;
	}
	div.detail div.btnzone div.line a.atta{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_atta.png") left top no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}

	
	div.detail div.btnzone div.line div.setclock{
		float: left;
		width:auto;
		height:22px;
		border-radius:6px;
		margin-left: 10px;
	}
	div.detail div.btnzone div.line div.onedit{
		background: #C2E1F5;
	}
	div.detail div.btnzone div.line div.setclock b.left{
		float:left;
		width: 3px;
		height: 22px;
		background: url("../../image/cal_setclockbgleft.png");
	}
	div.detail div.btnzone div.line div.setclock b.right{
		float: left;
		width: 3px;
		height: 22px;
		background: url("../../image/cal_setclockbgright.png");
	}
	div.detail div.btnzone div.line div.setclock div.middle{
		float: left;
		height: 22px;
		padding: 0 5px;
	}
	div.detail div.btnzone div.line div.setclock div.middle i.clock{
		background: url("../../image/cal_clock.png") repeat scroll 0 0 transparent;
	    float: left;
	    height: 16px;
	    width: 16px;
	    margin-top: 3px;
	}
	div.detail div.btnzone div.line div.setclock div.middle i.clockoff{
		background: url("../../image/cal_clock.png") repeat scroll 0 -16px transparent;
	    float: left;
	    height: 16px;
	    width: 16px;
	    margin-top: 3px;
	}
	div.detail div.btnzone div.line div.setclock div.middle input.date{
		float: left;
		width: 60px;
		height: 14px;
		margin-top: 3px;
		margin-left:15px;
		font-size: 12px;
	}
	div.detail div.btnzone div.line div.setclock div.middle input.time{
		float: left;
		width: 20px;
		height: 14px;
		margin-top: 3px;
		margin-left: 10px;
		font-size: 12px;
	}
	div.detail div.btnzone div.line div.setclock div.middle span.time{
		float: left;
		color:#375A7D;
		font-size: 12px;
		font-weight: bold;
		line-height: 22px;		
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle span.timedata{
		float: left;
		color:#375A7D;
		font-size: 12px;
		line-height: 22px;		
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.confirm{
		float: left;
		height: 14px;
		width: 14px;
		background: url("../../image/cal_clockset_cc.png")  0px 0;
		margin-top: 5px;
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.confirm:hover{
		background-position: 0px -14px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.cancel{
		float: left;
		height: 14px;
		width: 14px;
		background: url("../../image/cal_clockset_cc.png") -14px 0;
		margin-top: 5px;
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.cancel:hover{
		background-position: -14px -14px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.timeset{
		float: left;
		line-height: 22px;
		font-size: 12px;
		margin-left: 4px;
	}
	div.detail div.btnzone div.line a.clock{
		float:left;
		width: 22px;
		height: 22px;
		background: url("../../image/cal_clock.png");
	}
	div.detail div.btnzone div.line input{
		height: 18px;
		width: 300px;
		float: left;
		border: 1px solid #a7a6aa;
		padding: 0 1px;
		margin-left: 30px;
	}
	div.detail div.btnzone div.line button.commentbtn{
		float: left;
		width: 45px;
		height: 20px;
		background: url("../../image/clipdetail_commentbtn.jpg");
		padding: 0;
		border: 0;
		cursor: pointer;
	}
	div.detail div.btnzone div.line button.commentbtn:hover{
		background-position: 0 -20px;
	}
	div.detail div.btnzone div.noh_line{
		width: 100%;
		height: auto;
		float: left;
		margin-top: 10px;
	}
	div.detail div.btnzone div.noh_line span.info{
		font-size: 12px;
		float: left;
		line-height: 26px;
		color: #375A7D;
		margin-left: 30px;
	}
	div.detail div.btnzone div.noh_line button.invitebtn{
		float: left;
		width: 55px;
		height: 27px;
		background: url("../../image/clipdetail_invitebtn.png");
		padding: 0;
		border: 0;
		cursor: pointer;
	}
	div.detail div.btnzone div.noh_line button.invitebtn:hover{
		background-position: 0 -27px;
	}
	div.detail div.btnzone div.noh_line ul{
		padding: 0px;
		margin: 0px;
		list-style: none;
		width: 430px;
		margin-left: 20px;
	}
	div.detail div.btnzone div.noh_line ul li{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: #fff;
		margin: 5px 10px;
		padding: 0px;
	}
	div.detail div.btnzone div.setalert{
		float: right;
		width: 690px;
		height: 30px;
	}
	div.detail div.btnzone div.setalert .setalertelement{
		display: none;
	}
		div.setalert span.errorinfo{
			float:left;
			color:#ff0000;
			line-height: 18px;
			font-size: 12px;
			font-weight: normal;
			width: 170px;
			height: 20px;
		}
		div.setalert span.alerticon {
		    background: url("../../image/addclip_clock.png") repeat scroll 0 -16px transparent;
		    cursor: pointer;
		    float: left;
		    height: 16px;
		    width: 16px;
		}
		div.setalert span.alerttxt {
		    float: left;
		    font-size: 12px;
		    font-weight: normal;
		    line-height: 18px;
		    margin-left: 10px;
		}
		div.setalert span.alertspan {
		    float: left;
		    font-size: 12px;
		    font-weight: normal;
		}
		div.setalert span.alertspan div.timebg {
		    background: none repeat scroll 0 0 #FFFFFF;
		    float: left;
		    height: 18px;
		    width: 48px;
		}
		div.setalert span.alertspan div.timebg input {
		    border-color: #8BAAD9 -moz-use-text-color;
		    border-style: solid none;
		    border-width: 1px 0;
		    float: left;
		    font-size: 12px;
		    height: 16px;
		    padding: 0 4px;
		    text-align: center;
		    width: 14px;
		}
		div.setalert span.alertspan div.timebg a.minus {
		    background: url("../../image/timeselectopt.png") repeat scroll 0 0 transparent;
		    display: block;
		    float: left;
		    height: 18px;
		    margin: 0;
		    width: 13px;
		}
		div.setalert span.alertspan div.timebg a.minus:active {
		    background-position: 0 -18px;
		}
		div.setalert span.alertspan div.timebg a.plus {
		    background: url("../../image/timeselectopt.png") repeat scroll -13px 0 transparent;
		    display: block;
		    float: right;
		    height: 18px;
		    margin: 0;
		    width: 13px;
		}
		div.setalert span.alertspan div.timebg a.plus:active {
		    background-position: -13px -18px;
		}
		div.setalert span.alertspan span {
		    float: left;
		    line-height: 18px;
		    margin: 0 5px;
		}
		div.setalert span.alertspan span.methodchoose {
		    cursor: pointer;
		    height: 22px;
		    width: 50px;
		}
		div.setalert span.alertspan span.methodchoose a.emailonit{
			background: url("../../image/quickclip/email.png") repeat scroll 0 0 transparent;
		    display: block;
		    float: left;
		    height: 11px;
		    margin: 3px 5px 0 0;
		    width: 17px;
		}
		div.setalert span.alertspan span.methodchoose a.mobilemsg{
			background: url("../../image/quickclip/mobilemsg.png") repeat scroll 0 -16px transparent;
		    display: block;
		    float: left;
		    height: 16px;
		    width: 12px;
		}
		div.setalert span.alertspan span.methodchoose a.mobilemsgonit{
			background: url("../../image/quickclip/mobilemsg.png") repeat scroll 0 0 transparent;
		    display: block;
		    float: left;
		    height: 16px;
		    width: 12px;
		}
		div.setalert span.alertspan a.setalertconfirm{
			float: left;
			width: 50px;
			height: 20px;
			background: url("../../image/daydetailcontent_confirm.jpg");
			display: block;
		}
		div.setalert span.alertspan a.setalertconfirm:hover{
			background-position: -50px 0px;
		}
		div.setalert span.alertspan a.setalertcancel{
			margin-left:10px;
			float: left;
			width: 50px;
			height: 20px;
			background: url("../../image/daydetailcontent_confirm.jpg") 0 -20px;
		}
		div.setalert span.alertspan a.setalertcancel:hover{
			background-position: -50px -20px;
		}





table.invite_week td.noevent{
	padding: 1px;
}
table.invite_week td div.noevent{
	background-color: #f5f5f5;
	border-top: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	height: 34px;
}
table.invite_week td div.noevent span.loadinggif{
	width: 16px;
	height: 16px;
	background: url("../../image/share/ajax-loader.gif");
	display: block;
	float: left;
	margin-top: 9px;
	margin-left: 280px;
}
table.invite_week td div.noevent span.loadingtxt{
	float: left;
	line-height: 16px;
	margin-top: 9px;
	margin-left: 10px;
}


table.invite_week td div.event{
	background-color: #f5f5f5;
	border-top: 1px #ffffff solid;
	border-left: 2px #ffffff solid;
	padding: 5px;
	height: 37px;
}
table.invite_week td.wholeday div.event{
	padding-left: 250px;
}
table.invite_week td div.acceptevent{
	background-color: #fbdde1;
	border-top: 1px #ffffff solid;
	border-left: 2px #ffffff solid;
	padding: 5px;
	height: 37px;
}

div.event div.head{
	width: 30px;
	height: 30px;
	background: #ffffff;
	display: block;
	float: left;
	margin: 3px 15px 0px 4px;
}
div.event div.head a{
	display: block;
	width: 30px;
	height: 30px;
	background: transparent;
}
div.event div.uname{
	width: 60%;
	height: 18px;
	padding-left:4px;
	padding-top:2px;
	float: left;
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	color: #161616;
	text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden;
}
div.event div.sharetype{
	height: 18px;
	padding-left:4px;
	padding-top:2px;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #818181;
}
div.event a.detail{
	float: right;
	height: 16px;
	width: 16px;
	background: url("../../image/share/sharebigview.png");
	cursor: pointer;
	display: block;
}
div.event a.detail:hover{
	background-position: 0 -16px;
}
div.event span.eventstart{
	float: right;
	height: 12px;
	width: 12px;
	background: url("../../image/calendarshareicon.png") repeat scroll 0 -12px transparent;
	display: block;
	margin-right: 4px; margin-top: 2px;
}
div.event span.eventend{
	float: right;
	height: 12px;
	width: 12px;
	background: url("../../image/calendarshareicon.png");
	display: block;
	margin-right: 4px; margin-top: 2px;
}
div.event div.ptitle{
	width: 75%;
	height: 15px;
	padding-left:4px;
	padding-top:2px;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #353434;
	text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden;
	cursor: pointer;
}
div.event div.ptitle div.other{
	background: url("../../image/event.png") 0 -44px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.event div.ptitle div.work{
	background: url("../../image/event.png") 0 0px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.event div.ptitle div.socal{
	background: url("../../image/event.png") 0 -14px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.event div.ptitle div.sect{
	background: url("../../image/event.png") 0 -29px;
	width: 10px;
	height: 11px;
	margin:2px 2px 0 0;
	float: left;
}

/*******the start——右边小日历*********/
#smallcalendar{
	float: left;
}
tr.sweektitle{}
tr.sweektitle td.sun{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/sun.jpg");
}
tr.sweektitle td.mon{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/mon.jpg");}
tr.sweektitle td.tue{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/tue.jpg");
}
tr.sweektitle td.wed{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/wed.jpg");
}
tr.sweektitle td.thu{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/thu.jpg");
}
tr.sweektitle td.fri{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/fri.jpg");
}
tr.sweektitle td.sta{
	width:54px;
	height:23px;
	background: url("../../image/set_ctday/sta.jpg");
}
tr.monthcontent{
	overflow: hidden;
}
tr.monthcontent td{
	width: 54px;
	height: 50px;
	background: url("../../image/set_ctday/smallday.jpg") 0 -1000px;
	overflow: hidden;
	padding: 0px;
}

tr.monthcontent td.today{
	background-position: 0 0;
}

tr.monthcontent td.other{
	background-position: 0 -200px;
}

tr.monthcontent td.clickon{
	background-position: 0 -150px;
}

tr.monthcontent td.todayclickon{
	background-position: 0 -50px;
}

tr.monthcontent td.otherclickon{
	background-position: 0 -250px;
}

tr.monthcontent td.holiday{
}

tr.monthcontent td div.sun{
	color: #414141 ; 
	width: 20px;
	margin-left:4px;
	padding-top:4px;
	height: 16px;
	float: left;
	font-size: 16px; 
	text-align: left;
	font-weight: bold;
	cursor: default;
}

tr.monthcontent td.other div.sun,tr.monthcontent td.other div.lunar{
	color:#959595;
}

tr.monthcontent td.holiday div.sun,tr.monthcontent td.holiday div.lunar{
	color:#bc3740;
}
tr.monthcontent td div.eventsign {
	background: url("../../image/cliplisteventicon.png") repeat scroll 0 0 transparent;
	display: none;
	float: right;
	height: 7px;
	margin: 4px 6px 0 0;
	width: 13px;
}

tr.monthcontent td div.starteventsign{
	width: 12px;
	height: 12px;
	background: url("../../image/calendarshareicon.png") 0 -12px;
	float: left;
	margin: 6px 2px 0 0;
	display: none;
}
tr.monthcontent td div.endeventsign{
	width: 12px;
	height: 12px;
	background: url("../../image/calendarshareicon.png");
	float: left;
	margin: 6px 2px 0 0;
	display: none;
}

tr.monthcontent td div.lunar{
	color: #414141 ; 
	width: 48px;
	padding-top:4px;
	padding-left:3px;
	height: 26px;
	float: left;
	font-size: 12px; 
	text-align: left;
	cursor: default;
}
/*******the end——右边小日历***********/

/*******the start——右边分享小框框********/
div.typebox{
	float: left;
	width: 100%;
}
div.typebox div.sharebox{
	width: 100%;
	margin-top: 15px;
	height: 250px;
	border: 1px solid #A0A0A3;
	background: #f5f5f5;
}

div.sharebox div.sharebox_top{
	float: left;
	height: 14px;
	width: 100%;
}
div.sharebox div.sharebox_top div.corner{
	background: url('../../image/set_ctday/maincorner.jpg');height: 14px;width: 14px;
	float: right;
	margin-top: -1px;
	margin-right: -1px;
}

div.sharebox div.sharebox_topopt{
	float: left;
	height: 32px;
	width: 100%;
}

div.sharebox div.sharebox_topopt div.title{
	margin-left: 20px;
	width: 300px;
	background: #daf08b;
	height: 100%;
	float: left;
}
div.sharebox div.sharebox_topopt div.title span.title{
	color:#353535;
	font-size: 14px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	margin: 6px 0 0 20px; 
	
}
div.sharebox div.sharebox_topopt div.title span.time{
	color:#357AA0;float: right;font-weight: bold;margin-right: 10px;margin-top: 12px;
}
div.sharebox div.sharebox_topopt a.magnifier{
	height: 32px;
	width: 32px;
	background: url("../../image/share/magnifier.png");
	display: block;
	float: right;
	margin-right: 20px;
}
div.sharebox div.sharebox_topopt a.magnifier:hover{
	background-position: 0 -32px;
}
div.rowsmall{
	background: url("../../image/shaft.png") no-repeat scroll right -12px transparent;
    empty-cells: show;
    float: left;
    height: 8px;
    line-height: 1px;
    overflow: hidden;
    table-layout: fixed;
    width: 366px;
    display: block;
    position: relative;
    top: 5px;
}
table.smallshare{
	width:89%;
	margin-left:20px;
	border-left:1px #aaaaaa solid;
	table-layout:fixed;
	empty-cells:show;
	background:#FFFFFF;
	float:left;
}

table.smallshare td{
}
table.smallshare td.part{
	margin:0;
	padding:0;
	height:1px;
	overflow:hidden;
	table-layout:fixed;
	empty-cells:show;
	font-size:1px;
	line-height:1px;
	background:#aaaaaa;
}

table.smallshare td.event{
	text-align:center;
	font-size:12px;
	border-bottom:1px #CDCDCD solid;
	border-right:1px #CDCDCD solid;
}

table.smallshare td.event div.event{
	background-color: #f5f5f5;
	border-top: 1px #ffffff solid;
	border-left: 2px #ffffff solid;
	padding: 5px;
	height: 37px;
}

div.event div.spname{
	width: 266px;
	height: 17px;
	padding-left:4px;
	padding-top:2px;
	float: left;
	border-bottom: 1px dashed #aaaaaa;
	cursor: default;
}
div.event div.spname span.name{
	width: 140px;
	float: left;
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	color: #357AA0;
	cursor: pointer;
}
div.event div.spname span.time{
	width: 120px;
	float: right;
	text-align: right;
	font-size: 12px;
	font-weight: 700;
	color: #161616;
	cursor: default;
}
div.event div.sptitle{
	width: 266px;
	height: 16px;
	padding-left:4px;
	padding-top:2px;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #353434;
	cursor: pointer;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.event div.sptitle div.other{
	background: url("../../image/event.png") 0 -44px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.event div.sptitle div.work{
	background: url("../../image/event.png") 0 0px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.event div.sptitle div.socal{
	background: url("../../image/event.png") 0 -14px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.event div.sptitle div.sect{
	background: url("../../image/event.png") 0 -29px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}

div.shaft_colsmall{
	background: url("../../image/shaft.png") no-repeat scroll -13px -65px transparent;
    float: left;
    height: 30px;
    width: 12px;
    margin-left: 15px;
}

/*******the end——右边分享小框框********/


/*******the start——分享详细弹出框*******/

#td_box_sharedetail{
	width: 400px;
	height:39px;
	position: absolute;
	display: block;
	background: none repeat scroll 0 0 transparent;
    z-index: 80;
    display: none;
    /*
    top:200px;
    left:500px;
    */
}

#td_box_sharedetail div.optdiv {
    float: left;
    height: 22px;
    position: relative;
    width: 500px;
}

#td_box_sharedetail div.optdiv a.close{
	background: url("../../image/detailview_close.png") repeat scroll 0 0 transparent;
    display: block;
    height: 22px;
    position: relative;
    width: 22px;
    left: 492px; top: 11px;
}
#td_box_sharedetail div.optdiv a.close:hover{
	background-position: 0 -22px;
}
#td_box_sharedetail div.detailbox{
	width: 500px;
	border: 2px solid #989898;
	background: #e9ecf1;
	
	height: auto;
	float: left;
	padding-bottom: 20px;
}
#td_box_sharedetail div.detailbox div.title{
	float: left;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 30px;
	/*background: url("../../image/share/sharedetailtitle.png");*/
}
#td_box_sharedetail div.detailbox div.title span.share{
	width: 16px;
	height: 16px;
	background: url("../../image/listshareicon.png");
	float: left;
	margin-top: 10px; margin-left: 15px;
}
#td_box_sharedetail div.detailbox div.title span.forwardshare{
	width: 16px;
	height: 16px;
	background: url("../../image/forwardshareicon.png");
	float: left;
	margin-top: 10px; margin-left: 15px;
}
#td_box_sharedetail div.detailbox div.title span.titletxt{
	margin-left: 10px; margin-top: 7px;
	width: 80px;
	height: 23px;
	background: url("../../image/share/detailtitletxt.png");
	float: left;
}
#td_box_sharedetail div.detailbox div.useravatar{
	background: none repeat scroll 0% 0% rgb(0, 0, 0); 
	position: relative; 
	width: 100px; 
	height: 100px; 
	left: 250px; 
	top: 10px;
}
#td_box_sharedetail div.detailbox ul.detaillist{
	list-style: none;
	float: left;
	margin: 30px 10px 25px 15px;
	padding: 0;
	width: 340px;
}
ul.detaillist li{
	float: left;
	width: 100%;
	padding: 6px 0;
	height: 16px;
	font-size: 12px;
}
ul.detaillist li.headline{
	
}

ul.detaillist li span{
	float: left;
	color: #885811;
}
ul.detaillist li span.title{
	color: #27518b;
	font-weight: bold;
	width: 65px;
	text-align: right;
	
}
ul.detaillist li span.detaillogo{
	width: 30px;
	height: 30px;
	cursor: pointer;
}
ul.detaillist li p{
	margin: 0 0 0 65px;
	color:#885811;
}
ul.detaillist li span b{
	float: left;
	font-weight: normal;
}

ul.detaillist li span b.edt_ing {
    background: none repeat scroll 0 0 #009900;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    padding: 1px 2px;
}
ul.detaillist li span b.edt_over {
    background: none repeat scroll 0 0 #333399;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    padding: 1px 2px;
}
ul.detaillist li span b.edt_stop {
    background: none repeat scroll 0 0 #FF0000;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    padding: 1px 2px;
}

div.optzone{
	float: left;
	height: 20px;
	width: 330px;
	margin-left:80px;
	
}
div.optzone a.saveshare{
	background: url("../../image/share/saveshare.png");
	width: 90px;
	height: 20px;
	cursor: pointer;
	display: block;
	float: left;
}
div.optzone a.saveshare:hover{
	background-position: 0 -20px;
}
div.optzone a.saveshare:active{
	background-position: 0 -40px;
}
div.optzone a.disablesaveshare{
	background: url("../../image/share/saveshare.png") 0 -60px;
	width: 90px;
	height: 20px;
	cursor: pointer;
	display: block;
	float: left;
}
div.optzone a.disablesaveshare:hover{background-position: 0 -60px;}
div.optzone a.disablesaveshare:active{background-position: 0 -60px;}
div.optzone a.forwardshare{
	background: url("../../image/share/forwardshare.png");
	width: 90px;
	height: 20px;
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 15px;
}
div.optzone a.forwardshare:hover{
	background-position: 0 -20px;
}
div.optzone a.forwardshare:active{
	background-position: 0 -40px;
}
div.optzone a.disableforwardshare{
	background: url("../../image/share/forwardshare.png") 0 -60px;
	width: 90px;
	height: 20px;
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 15px;
}
div.optzone a.disableforwardshare:hover{background-position: 0 -60px;}
div.optzone a.disableforwardshare:active{background-position: 0 -60px;}

div.optzone a.shareinfo{
	background: url("../../image/share/shareinfo.png");
	width: 20px;
	height: 20px;
	cursor: pointer;
	display: block;
	float: right;
}
div.optzone a.shareinfo:hover{
	background-position: 0 -20px;
}

ul.detaillist li span.other{
	background: url("../../image/event.png") 0 -44px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
ul.detaillist li span.work{
	background: url("../../image/event.png") 0 0px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
ul.detaillist li span.socal{
	background: url("../../image/event.png") 0 -14px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
ul.detaillist li span.sect{
	background: url("../../image/event.png") 0 -29px;
	width: 10px;
	height: 11px;
	margin:1px 2px 0 0;
	float: left;
}
div.calendarzone {
    display: none;
    float: left;
    height: 150px;
    margin-top: 15px;
    width: 180px;
}
div.calendarzone div.title {
    float: left;
    width: 158px;
    margin-bottom: 3px;
}
div.calendarzone div.title a.prev {
    background: url("../../image/calendarzone-opt.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
}
div.calendarzone div.title a.prev:hover {
    background-position: 0 -16px;
}
div.calendarzone div.title a.next {
    background: url("../../image/calendarzone-opt.png") repeat scroll -16px 0 transparent;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
}
div.calendarzone div.title a.next:hover {
    background-position: -16px -16px;
}
div.calendarzone div.title a.none {
    background: none repeat scroll 0 0 #EEF3F9;
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
div.calendarzone div.title span.title {
    float: left;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    width: 126px;
}
div.calendarzone table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    float: left;
    width: 160px;
}
div.calendarzone table td {
    background: none repeat scroll 0 0 #C2DFDD;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-size: 11px;
    height: 18px;
    text-align: center;
    vertical-align: top;
}
div.calendarzone table td.other {
    background-color: #DEDEDE;
}
div.calendarzone table td.selected {
    background: none repeat scroll 0 0 #FACD89;
}
div.shareclipzone{
	width: 320px;
	float: left;
	background: transparent;
	margin-top:4px;
	margin-left: 70px;
	display: none;
}
div.shareclipzone div.zonetop{
	width: 320px;
	height: 8px;
	float: left;
}
div.shareclipzone div.zonetop span.corner{
	width: 10px;
	height: 8px;
	background: url("../../image/share/forwardsharezonecorner.png");
	position: relative;
	display: block;
	left: 150px; top: 1px;
}
div.shareclipzone div.zonecontent{
	width: 315px;
	background: #ffffff;
	border: 1px inset #828385;
	float: left;
	margin-left: 10px;
	height: auto;
}

div.zonecontent div.share-choose{
	float: left;margin:10px 0 0 46px;width: 95%;
}
div.zonecontent div.share-choose span.share-title{
	font-size: 13px;font-weight: 700;color:#15120b;float: left;line-height: 20px;
}
div.zonecontent div.share-choose span.share-title input.sharerd{
	margin-top: 2px;float: left;
}
span.share-errorinfo{
	float: left; margin-left: 30px;color: #ff0000;line-height: 20px;font-size:11px;
	text-align:right;
	width:265px;
}
div.zonecontent div.share-contactchooseout{
	float: left;margin:4px 0 0 10px;width: 300px;
}
div.share-contactchoose{
	float: left;display: none;width: 300px;
}
div.share-contactchoose span.groupname{
    color: #15120B;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 90px;
}
div.share-contactchoose input {
    border: 1px inset #B8B8B8;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 120px;
}
div.share-contactchoose div.contactgrouplist{
	float: left;
	margin-top: 10px;
	width: 300px;
}
div.share-contactchoose div.contactgrouplist ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px inset #B8B8B8;
    display: none;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 4px 6px;
    width: 268px;
}
div.share-contactchoose div.contactgrouplist ul li {
    background: none repeat scroll 0 0 #D6D6D6;
    color: #393939;
    float: left;
    height: 22px;
    margin: 2px 6px 0 0;
    padding: 0 4px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    margin-left: 3px;
    margin-top: 3px;
    width: 16px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 1px;
    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;
    width: 60px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    margin-left: 3px;
    margin-top: 1px;
    line-height: 19px;
}
div.share-contactchoose div.contactgrouplist ul li a {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 0 0 15px;
    width: 6px;
}

div.zonecontent div.share-contactchoosebtn{
	float: left;
	height: 22px;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 8px;
}
div.zonecontent div.share-contactchoosebtn button.confirm{
	background: url("../../image/quickclip/confirm.png");
	margin: 0 0 0 180px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 22px;
	float: left;
}
div.zonecontent div.share-contactchoosebtn button.confirm:hover{
	background-position: 0 -22px;
}
div.zonecontent div.share-contactchoosebtn button.confirm:active{
	background-position: 0 -44px;
}
div.zonecontent div.share-contactchoosebtn button.cancel{
	background: url("../../image/quickclip/cancel.png");
	margin: 0 0 0 10px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 22px;
	float: left;
}
div.zonecontent div.share-contactchoosebtn button.cancel:hover{
	background-position: 0 -22px;
}
div.zonecontent div.share-contactchoosebtn button.cancel:active{
	background-position: 0 -44px;
}
div.shareoutzone{
	float: left;
	height: auto;
	margin-top: 10px;
	width: 100%;
}
div.shareoutzone hr.line{
	height:2px;border:none;border-top:2px dashed #0c456f;width: 430px;float: left;
}
div.shareoutzone div.shareoutopt{
	float: left;width: 598px;
	margin-left: 80px;
}
div.shareoutzone div.shareoutopt span.shareouttxt{
	color: #27518B;
	cursor: default;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a{
	margin-top: 3px;
}
div.shareoutzone div.shareoutopt a.weixinlogo{
	background: url("../../image/weixinlogo.png") repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    margin-left: 10px;
    width: 16px;
    float: left;
}
div.shareoutzone div.shareoutopt a.weixinlogo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.renrenlogo{
	float: left;
	width: 16px;
	height: 16px;
	background: url("../../image/renrenlogo.png");
	display: block;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a.renrenlogo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.kaixin001logo{
	float: left;
	width: 16px;
	height: 16px;
	background: url("../../image/kaixin001logo.png");
	display: block;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a.kaixin001logo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.qqspacelogo{
	float: left;
	width: 16px;
	height: 16px;
	background: url("../../image/qqspacelogo.png");
	display: block;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a.qqspacelogo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.sinalogo{
	float: left;
	width: 16px;
	height: 16px;
	background: url("../../image/sinalogo.png");
	display: block;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a.sinalogo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.doubanlogo{
	float: left;
	width: 16px;
	height: 16px;
	background: url("../../image/doubanlogo.png");
	display: block;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a.doubanlogo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.tqqlogo{
	float: left;
	width: 16px;
	height: 16px;
	background: url("../../image/qqweibologo.jpg");
	display: block;
	margin-left: 10px;
}
div.shareoutzone div.shareoutopt a.tqqlogo:hover{
	background-position: 0 -16px;
}
div.shareoutzone div.shareoutcopy{
	float: left;
	width: 300px;
	height: 24px;
	margin-left: 110px;
}
div.shareoutzone div.shareoutcopy input{
	float: left;
	height: 16px;
	line-height: 16px;
	margin-top: 1px;
	width: 200px;
}
div.shareoutzone div.shareoutcopy button{
	background: url("../../image/vcode_copy_small.jpg") repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 10px;
	margin-top: 2px;
	padding: 0;
	width: 80px;
}
div.shareoutzone div.determine {
    float: left;
    height: 30px;
   	margin: 0px 0 0 20px;
    width: 270px;
    color:#27518B;
}
div.shareoutzone div.determine span.title {
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
}
div.shareoutzone div.determine input {
    color: #7F7F7F;
    float: left;
    height: 16px;
    margin-top: 1px;
    width: 50px;
}
div.shareoutzone div.determine input.onfocus {
    color: #000000;
}
div.shareoutzone div.determine button {
    background: url("../../image/vcode_ok_small.jpg") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-left: 10px;
    margin-top: 2px;
    padding: 0;
    width: 41px;
}
div.shareoutzone div.determine button:hover{
	background-position: 0 -20px;
}
/*******the end——分享详细弹出框*******/

#msg_box {
    float: left;
    height: 100px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 999;
}
#msg_box div.msg_note {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px #777777;
    font-size: 12px;
    left: 0;
    margin: 20px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    top: 100px;
    width: 150px;
}
#confirmmsg_box{
	float: left;
    height: 150px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 300px;
    z-index: 999;
}
#confirmmsg_box div.msg_note2{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px #777777;
    font-size: 12px;
    height: 60px;
    left: 0;
    margin: 20px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 240px;
}
#confirmmsg_box div.msg_note2 div.msg_text {
    line-height: 14px;
}
#confirmmsg_box div.msg_note2 div.msg_text font {
    color: #EB6100;
    font-weight: bold;
}
#confirmmsg_box div.msg_note2 div.msg_opt {
    margin: 15px auto;
    width: 120px;
}
#confirmmsg_box div.msg_note2 div.msg_opt a.confirm {
    background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 20px;
    width: 50px;
}
#confirmmsg_box div.msg_note2 div.msg_opt a.confirm:hover {
    background-position: -50px 0;
}
#confirmmsg_box div.msg_note2 div.msg_opt a.cancel {
    background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 -20px transparent;
    float: left;
    height: 20px;
    margin-left: 10px;
    width: 50px;
}
#confirmmsg_box div.msg_note2 div.msg_opt a.cancel:hover {
    background-position: -50px -20px;
}

/*******添加档期后的分享弹出框**********/
#add_return_wrap {background: url("../../image/black_bg.png") repeat scroll 0 0 transparent;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 1111;}
#add_return {height: auto;left: 40%;position: absolute;top: 40%;width: 395px;}
#add_return div.top {background: url("../../image/add_return_head.png") repeat scroll 0 0 transparent;float: left;height: 53px;width: 395px;margin-left: 0;min-width: 395px;}
#add_return div.top a.close {background: url("../../image/add_return_close.png") repeat scroll 0 0 transparent;display: block;height: 32px;left: 366px;position: relative;top: 0;width: 32px;}
#add_return div.top a.close:hover {background-position: 0 -32px;}
#add_return div.top span.head {background: url("../../image/addclip_retrun_head.png") repeat scroll 0 0 transparent;float: left;height: 16px;margin-left: 20px;width: 262px;}
#add_return div.top div.head {border-bottom: 4px solid #2A8BBE;float: left;font-size: 12px;font-weight: bold;height: 30px;line-height: 30px;text-align: center;width: 250px;}
#add_return div.content {background: url("../../image/add_return_content.png") repeat scroll 0 0 transparent;float: left;height: auto;width: 395px;}
#add_return div.content div.outsitelogo {float: left;height: 34px;margin-left: 40px;margin-top: 15px;width: 300px;}
#add_return div.content div.outsitelogo a {float: left;height: 34px;margin-left: 15px;width: 34px;}
#add_return div.content div.outsitelogo a.weixin {background: url("../../image/big_weixin.jpg") repeat scroll 0 0 transparent;}
#add_return div.content div.outsitelogo a.renren {background: url("../../image/big_renren.jpg") repeat scroll 0 0 transparent;}
#add_return div.content div.outsitelogo a.kaixin {background: url("../../image/big_kaixin.jpg") repeat scroll 0 0 transparent;}
#add_return div.content div.outsitelogo a.sina {background: url("../../image/big_sina.jpg") repeat scroll 0 0 transparent;}
#add_return div.content div.outsitelogo a.douban {background: url("../../image/big_douban.jpg") repeat scroll 0 0 transparent;}
#add_return div.content div.outsitelogo a.tqq {background: url("../../image/big_qqweibo.jpg") repeat scroll 0 0 transparent;}
#add_return div.content div.outsitelogo a:hover {background-position: 0 -34px;}
#add_return div.content div.vcodepart {float: left;height: 100px;margin: 0;width: 395px;}
#add_return div.content div.vcodepart div.copy {float: left;height: 30px;margin: 20px 0 0 22px;width: 370px;}
#add_return div.content div.vcodepart div.copy input.copy_box {float: left;font-size: 14px;height: 22px;line-height: 22px;width: 220px;}
#add_return div.content div.vcodepart div.copy button.copybtn {background: url("../../image/vcode_copy.jpg") repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;float: left;height: 28px;margin-left: 15px;padding: 0;width: 103px;}
#add_return div.content div.vcodepart div.copy button.copybtn:hover {background-position: 0 -28px;}
#add_return div.content div.vcodepart div.determine {float: left;height: 30px;margin: 10px 0 0 22px;width: 350px;}
#add_return div.content div.vcodepart div.determine span.title {cursor: default;float: left;font-size: 12px;font-weight: bold;height: 24px;line-height: 24px;}
#add_return div.content div.vcodepart div.determine input.determine_box {color: #7F7F7F;float: left;font-size: 14px;height: 22px;line-height: 24px;margin-left: 15px;padding-left: 6px;width: 69px;}
#add_return div.content div.vcodepart div.determine input.onfocus {color: #000000;}
#add_return div.content div.vcodepart div.determine button.determinebtn {background: url("../../image/vcode_determine.jpg") repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;float: left;height: 28px;margin-left: 15px;padding: 0;width: 57px;}
#add_return div.content div.vcodepart div.determine button.determinebtn:hover {background-position: 0 -28px;}
#add_return div.bottom {background: url("../../image/add_return_bottom.png") repeat scroll 0 0 transparent;float: left;height: 16px;width: 395px;}
#add_return div.btnline {background: none repeat scroll 0 0 transparent;border: 0 none;float: left;height: 30px;padding-bottom: 10px;width: 364px;}
#add_return div.btnline button {background: url("../../image/add_return_wrap_continue.png") repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;float: right;height: 26px;padding: 0;width: 57px;}
#add_return div.btnline button:hover {background-position: 0 -26px;}
/*****************/

/*******呼朋唤友后的输入邀请时间弹出框**********/
#forward_invitetime_wrap{  background: url("../../image/black_bg.png") repeat scroll 0 0 transparent;  height: 100%;  left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 11110;}
#forward_invitetime{ left: 40%;position: fixed;top: 150px;width: 395px;height: auto;background: none;}
#forward_invitetime div.top{float: left;height: 50px;width: 395px;min-width: 395px;background: url("../../image/forward_invitetime_head.png");border: 0;margin: 0;}
#forward_invitetime div.top a.close{  background: url("../../image/add_return_close.png") repeat scroll 0 0 transparent; display: block; height: 32px;left: 366px;position: relative; top: 0px;width: 32px;}
#forward_invitetime div.top a.close:hover{background-position: 0 -32px;}
#forward_invitetime div.content{float: left;height: auto;width: 395px;background: url("../../image/forward_invitetime_content.png");}
#forward_invitetime div.content button{float: right;height: 26px;width: 57px;background: url("../../image/forward_invitetime_forward.png");border: 0;padding: 0;margin-bottom: 20px;margin-right: 44px;cursor: pointer;}
#forward_invitetime div.content button:hover{background-position: 0 -26px;}
#forward_invitetime div.content ul{float: left;width: 330px; list-style: none;margin: 0 0 10px 0;}
#forward_invitetime div.content ul li{float: left;width: 30px; height: 30px; margin-left: 10px;margin-top:10px;background: #acacac;}
#forward_invitetime div.bottom{float: left;height: 101px;width: 395px;background: url("../../image/forward_invitetime_bottom.png");}
#forward_invitetime div.bottom span.title{float: left;height: 16px;width: 370px;margin-left:23px;margin-top:10px;background: url("../../image/forward_invitetime_span.png") no-repeat;}
#forward_invitetime div.bottom div.settime{float: left;height: 26px;width: 395px;margin-top: 20px;}
#forward_invitetime div.bottom div.settime span.icon{float: left;width: 18px;height: 18px;background: url("../../image/forward_invitetime_icon.png");margin-left: 33px;margin-top: 2px;}
#forward_invitetime div.bottom div.settime input.dateinput{float: left;width: 65px;height: 12px;font-size: 12px;margin-left: 6px;margin-top: 2px;}
#forward_invitetime div.bottom div.settime div.timebg{float: left;background: #fff; width: 48px;height: 18px;margin-left: 10px;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg input{width: 14px;height: 16px;border-top:1px solid #8BAAD9;border-bottom:1px solid #8BAAD9;border-left:0px;border-right:0px;padding:0 4px;float:left;text-align: center;font-size: 12px;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg a.minus{width: 13px;height: 18px;background: url("../../image/timeselectopt.png") 0 0;float:left;display: block;margin: 0;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg a.minus:active{background-position: 0 -18px;}
#forward_invitetime div.bottom div.settime div.timebg a.plus{width: 13px;height: 18px;background: url("../../image/timeselectopt.png") -13px 0;float:right;display: block;margin: 0;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg a.plus:active{background-position: -13px -18px;}
#forward_invitetime div.bottom div.settime span.normal{float: left;font-size: 12px;line-height: 22px;margin-left: 4px;margin-top: 1px;}
#forward_invitetime div.bottom div.settime button.confirm{float: left;border: 0;padding: 0;background: url("../../image/forward_invitetime_confirm.png");width: 75px;height: 26px; cursor: pointer;margin-left: 20px;}
#forward_invitetime div.bottom div.settime button.confirm:hover{background-position: 0 -26px;}
#forward_invitetime div.bottom div.info{float: left;margin-top: 2px;margin-left:60px;line-height: 12px;color:#ff0000;font-size: 12px;}
/*****************/


/*******转发档期时，选择群组和用户的弹出框 --start********/
#addclipcontactlist{
	position: absolute;
	z-index: 19;
}
#addclipcontactlist div.select_box_title {
	float: left;
	height: 16px;
	width: 100%;
}
#addclipcontactlist div.select_box_title a.close {
	background: url("../../image/addclipinvitecontactclose.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 16px;
	margin-left: 256px;
	margin-top: 9px;
	position: relative;
	width: 16px;
}
#addclipcontactlist div.leftselect_box {
	background: url("../../image/addclipcontactleft.png") repeat scroll 0 0 transparent;
	float: left;
	height: 310px;
	width: 15px;
}
#addclipcontactlist div.select_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 2px solid #ADADAD;
	border-right: 2px solid #ADADAD;
	border-top: 2px solid #ADADAD;
	float: left;
	height: 302px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2px;
	width: 245px;
}
div.select_box div.mb_tab {
	background: none repeat scroll 0 0 #D7EBFF;
	border-bottom: 1px solid #9DCEFF;
	float: left;
	height: 24px;
	width: 100%;
}
div.mb_tab span.onit {
	background: none repeat scroll 0 0 #EEF3FF;
	border-color: #9DCEFF #9DCEFF -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	cursor: pointer;
	float: left;
	height: 16px;
	padding: 4px 0;
	text-align: center;
	width: 90px;
	font-size: 12px;
}
div.mb_tab span.nor {
	cursor: pointer;
	float: left;
	height: 16px;
	padding: 4px 0;
	text-align: center;
	width: 90px;
	font-size: 12px;
}
div.select_box ul.inv_con {
	float: left;
	height: 210px;
	list-style: none outside none;
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 100%;
}
ul.inv_congroup li {
    border-bottom: 1px dashed #CDCDCD;
    float: left;
    font-size: 12px;
    height: 22px;
    margin: 0 0 0 6px;
    padding: 4px 0 0;
    width: 180px;
}
ul.inv_congroup li * {
    float: left;
}
ul.inv_congroup li span {
    cursor: default;
    line-height: 18px;
    margin-left: 4px;
}
ul.inv_con li {
	float: left;
	margin: 0;
	padding: 4px 0 0;
	width: 100%;
}
ul.inv_con li dt {
	cursor: default;
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 100%;
}
ul.inv_con li dt *{
	font-size: 12px;
}
ul.inv_con li dt span {
	float: left;
	line-height: 14px;
	margin-left: 2px;
}
ul.inv_con li dt a.all_sel {
    background: url("../../image/addclipchoosebox.png") repeat scroll 0 -28px transparent;
    cursor: default;
    float: left;
    height: 14px;
    width: 14px;
}
ul.inv_con li dt a.half_sel {
    background: url("../../image/addclipchoosebox.png") repeat scroll 0 -42px transparent;
    cursor: default;
    float: left;
    height: 14px;
    width: 14px;
}

ul.inv_con li dt a.no_sel {
	background: url("../../image/addclipchoosebox.png") repeat scroll 0 -14px transparent;
	cursor: default;
	float: left;
	height: 14px;
	width: 14px;
}
ul.inv_con li dt a.dis_sel {
    background: url("../../image/addclipchoosebox.png") repeat scroll 0 0 transparent;
    cursor: default;
    float: left;
    height: 14px;
    width: 14px;
}
ul.inv_con li dt a.dissel_sel {
	background: url("../../image/addclipchoosebox.png") repeat scroll 0 -56px transparent;
	cursor: default;
	float: left;
	height: 14px;
	width: 14px;
}
ul.inv_con li dt b.tipexpand {
    background: url("../../image/tips.png") no-repeat scroll 3px -14px transparent;
    float: left;
    padding-left: 16px;
    text-decoration: none;
}
ul.inv_con li dt b.hidebg {
    background: none repeat scroll 0 0 transparent;
    padding-left: 6px;
}
ul.inv_con li dt b.close {
    background-position: 3px 0;
}
ul.inv_con li dd {
    float: left;
    margin-left: 20px;
    padding: 2px 0;
    width: 200px;
}
ul.inv_con li dd div.check {
    float: left;
    height: 30px;
    width: 20px;
}
ul.inv_con li dd div.check input {
    margin: 0;
    padding: 0;
}
ul.inv_con li dd div.check a{
	width: 14px;
	height: 14px;
	background: url("../../image/addclipchoosebox.png");
	display: block;
	cursor: default;
}
ul.inv_con li dd div.check a.no_sel{
	background-position: 0 -14px;
}
ul.inv_con li dd div.check a.all_sel{
	background-position: 0 -28px;
}
ul.inv_con li dd div.check a.dis_sel{
	background-position: 0 0px;
}
ul.inv_con li dd div.check a.half_sel{
	background-position: 0 -42px;
}
ul.inv_con li dd div.check a.dissel_sel{
	background-position: 0 -56px;
}
ul.inv_con li dd a.logo{
	float: left;
	width: 30px;
	height: 30px;
	display: block;
}
ul.inv_con li dd a.logo img{
	width: 30px;
	height: 30px;
}
ul.inv_con li dd div.name {
    float: left;
    font-size: 12px;
    overflow: hidden;
    white-space: pre;
    width: 140px;
    margin-left: 5px;
}
ul.inv_con li dd div.email_add {
    border-bottom: 1px dashed #CDCDCD;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    margin-left: 5px;
}

div.select_box div.addinvitezone {
	float: left;
	margin-top: 35px;
	width: 90%;
}
div.select_box div.addinvitezone button.closeinvite {
	background: url("../../image/addclipcloseinvite.png") repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	float: right;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 50px;
}
#addclipcontactlist div.choose_box{
	float: left;
	width: 150px;
	height: 278px;
	background: #ffffff;
	border-right:2px solid #ADADAD;
	border-bottom:2px solid #ADADAD;
	border-top:2px solid #ADADAD; 
	margin-top: 28px;
}
#addclipcontactlist div.choose_box ul{
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	margin-top: 14px; margin-left: 8px;
	height: 210px;
	width:138px;
	overflow: scroll;
	overflow-x:hidden;
	overflow-y:auto;
}
#addclipcontactlist div.choose_box ul li{
	float:left;
	list-style: none;
	width: 120px;
	height: 30px;
	margin-top: 4px;
}
#addclipcontactlist div.choose_box ul li div{
	float:left;
	width: 30px;
	height: 30px;
	background: #ff0000;
}
#addclipcontactlist div.choose_box ul li span{
	float:left;
	line-height: 30px;
	font-size: 12px;
	margin-left: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70px;
}
#addclipcontactlist div.choose_box ul li i{
	background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 16px;
	width: 10px;
	margin-left: 4px;
	margin-top: 7px;
	cursor: pointer;
}
#addclipcontactlist div.choose_box ul li i.onit{
	background-position: 0 -16px;
}
#addclipcontactlist div.choose_box div.btnline{
	float: left;
	width: 140px;
	height: 30px;
	margin-top: 10px;
}
#addclipcontactlist div.choose_box div.btnline button.cancel{
	float: right;
	background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 -20px transparent;
	display: block;
	height: 20px;
	width: 50px;
	border: 0;
	padding: 0;
	cursor: pointer;
}
#addclipcontactlist div.choose_box div.btnline button.cancel:hover{
	background-position: -50px -20px;
}
#addclipcontactlist div.choose_box div.btnline button.confirm{
	float: right;
	background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 0 transparent;
	display: block;
	height: 20px;
	width: 50px;
	border: 0;
	padding: 0;
	margin-right: 10px;
	cursor: pointer;
}
#addclipcontactlist div.choose_box div.btnline button.confirm:hover{
	background-position: -50px 0px;
}
/*******转发档期时，选择群组和用户的弹出框 --end********/

/*******一拍即合确认界面********/
#confirmEventInterface{
	position: absolute;	
	width: 450px;
	height: 300px;
	border:3px solid #aebcc8;
	background:#edf2f8; 
	top:100px;
	left:200px;
}
#confirmEventInterface div.topline{
	float: left;
	width: 100%;
	height: 25px;
}
#confirmEventInterface div.topline a.close{
	position:relative;
	background: url("../../image/addclipinvitecontactclose.png");
	height: 16px;
	width:16px;
	margin-left: 443px;
	margin-top:-9px;
	display: block;
}
#confirmEventInterface div.topline a.close:hover{
	background-position: 0 -16px;
}
#confirmEventInterface div.topline span.title{
	float: left;
	width: 217px;
	height: 17px;
	margin-top: 10px;
	background: url("../../image/confirmevent_title.jpg");
}
#confirmEventInterface table.content{
	width: 100%;
	height: 230px;
	margin: 0 auto;
}
#confirmEventInterface table.content tr{
	float: left;
	width: 100%;
	height: 230px;
}
#confirmEventInterface table.content tr td{
	height: 230px;
}
#confirmEventInterface table.content tr td.left{
	width: 30px;	
}
#confirmEventInterface table.content tr td.left button{
	width: 14px;
	height: 25px;
	background: url("../../image/confirmevent_arrow.png");
	padding: 0;
	border: 0;
	cursor: pointer;
}
#confirmEventInterface table.content tr td.left button:hover{
	background-position: 0 -25px;
}
#confirmEventInterface table.content tr td.right{
	width: 30px;
}
#confirmEventInterface table.content tr td.right button{
	width: 14px;
	height: 25px;
	background: url("../../image/confirmevent_arrow.png") -14px 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}
#confirmEventInterface table.content tr td.right button:hover{
	background-position: -14px -25px;
}
#confirmEventInterface table.content tr td ul.interestlist{
	list-style: none;
	float: left;
	width: 370px;
	margin-left: 10px;
	margin-top:10px;
	padding: 0;
}
#confirmEventInterface table.content tr td ul.interestlist li{
	float: left;
	width: 60px;
	height: 60px;
	background: #cdcdcd;
	margin-left:10px;
	margin-top:10px;
}
#confirmEventInterface table.content tr td ul.interestlist li img{
	float: left;
	width: 60px;
	height: 60px;
}
#confirmEventInterface div.btnline{
	float: left;
	width: 450px;
	height: 31px;
	margin-top: 6px;
}
#confirmEventInterface div.btnline button.cancel{
	float: right;
	width:62px;
	height:31px;	
	background: url("../../image/confirmevent_cancel.png");
	padding: 0;
	border: 0;
	margin-right: 30px;
	cursor: pointer;
}
#confirmEventInterface div.btnline button.cancel:hover{
	background-position: 0 -31px;
}
#confirmEventInterface div.btnline button.confirm{
	float: right;
	width:62px;
	height:31px;	
	background: url("../../image/confirmevent_confirm.png");
	padding: 0;
	border: 0;
	margin-right: 10px;
	cursor: pointer;
}
#confirmEventInterface div.btnline button.confirm:hover{
	background-position: 0 -31px;
}
/*******一拍即合确认界面 -- end********/
/**用户输入邮箱界面**/
#user_emailinput{ left: 40%;position: fixed;top: 150px;width: 274px;height: auto;background: none;}
#user_emailinput div.inputtop{float: left;height: 37px;width: 274px;border: 0;margin: 0;background: url("../../image/user_emailinput_top.png");}
#user_emailinput div.inputtop a.close{  background: url("../../image/add_return_close.png") repeat scroll 0 0 transparent; display: block; height: 32px;left: 243px;position: relative; top: 0px;width: 32px;}
#user_emailinput div.inputtop a.close:hover{background-position: 0 -32px;}
#user_emailinput div.content{float: left;height: auto;width: 274px;background: url("../../image/user_emailinput_middle.png") repeat-y;padding-top: 10px;}
#user_emailinput div.bottom{float: left;height: 28px;width: 274px;background: url("../../image/user_emailinput_bottom.png");}
#user_emailinput div.content div.ipt{float: left;width: 186px;height: 25px;background: url("../../image/user_emailinput_ipt.png");margin-left: 18px;}
#user_emailinput div.content div.ipt input{float:left;padding:2px 3px;line-height:18px;font-size:12px;height:19px;border:0;margin:0;background:none;}
#user_emailinput div.content button{float: left;width: 40px;height: 22px;background: url("../../image/user_emailinput_btn.png");padding: 0;border: 0;margin-top: 1px;margin-left:10px;cursor: pointer;}
#user_emailinput div.content button:hover{background-position: 0 -22px;}
#user_emailinput div.content button:active{background-position: 0 -44px;}
#user_emailinput div.content div.errorinfo{float: left;font-size: 12px;color: #ff0000;line-height: 18px;margin-left: 20px;width: 200px;}
/**end用户输入邮箱界面end**/
/*******一拍即合确认界面 -- end********/
/**微信分享界面 **/
#weinxinshare_interface{background: url("../../image/black_bg.png") repeat scroll 0 0 transparent;  height: 100%;  left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 11111;}
#weinxinshare_interface div.box{height:400px;width:540px;left: 33%;position: fixed;top: 0%;}
#weinxinshare_interface div.box div.boxtop{background: url("../../image/add_return_head.png") repeat scroll 0 0 transparent;float: left;height: 53px;width: 395px;}
#weinxinshare_interface div.box div.boxtop a.close{  background: url("../../image/add_return_close.png") repeat scroll 0 0 transparent; display: block; height: 32px;left: 366px;position: relative; top: 0px;width: 32px;}
#weinxinshare_interface div.box div.boxtop a.close:hover{background-position: 0 -32px;}
#weinxinshare_interface div.box div.boxtop span.head{background: url("../../image/share2weixintitle.png") repeat scroll 0 0 transparent;float: left;height: 16px;margin-left: 20px;width: 134px;}
#weinxinshare_interface div.box div.content {background: url("../../image/add_return_content.png") repeat scroll 0 0 transparent;float: left;height: auto;width: 395px;}
#weinxinshare_interface div.box div.content img{float:left;margin-left: 70px;margin-top: 20px;}
#weinxinshare_interface div.box div.content div.btnline{float: left;width: 100%;height: 30px;margin-top: 20px;}
#weinxinshare_interface div.box div.content span.txt{float: left;font-size: 12px;margin-left: 20px;margin-top: 6px;}
#weinxinshare_interface div.box div.content button{float: right;width:57px;height: 26px;background: url("../../image/wein2share_close.png");border: 0;padding: 0;cursor: pointer; margin-right: 20px;}
#weinxinshare_interface div.box div.content button:hover{background-position: 0 -26px;}
#weinxinshare_interface div.box div.bottom {background: url("../../image/add_return_bottom.png") repeat scroll 0 0 transparent;float: left;height: 16px;width: 395px;}
/**end微信分享界面 **/